<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
        <link rel="stylesheet" href="css/my/style.css">
        <link rel="stylesheet" href="js/swiper/css/swiper.min.css">
    </head>
    <body class="um-vp bc-bg cnt-ofh" ontouchstart>
        <!--header开始-->
        <div id="header" class="uh bc-text-head ub bc-head">
            <div class="nav-btn" id="nav-left">
                <div class="ub-img umw2 umh4"></div>
            </div>
            <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">Demo</h1>
            <div class="nav-btn nav-bt" id="nav-right"></div>
        </div>
        <!--header结束-->
        <div id="content" class="ub-ver">
            <div id="idGrid"></div>
        </div>
        <script src="js/appcan.js"></script>
        <script src="js/appcan.control.js"></script>
        <script src="js/swiper/js/swiper.min.js"></script>
        <script src="js/my/smb.grid.js"></script>
        <script src="js/my/smb.window.js"></script>
        <script src="js/my/smb.localStorage.js"></script>
        <script src="js/my/smb.utils.js"></script>
        <script src="js/my/smb.log.js"></script>
    </body>
    <script>
        var timerInterval = undefined;
        var myScroll = undefined;
        appcan.ready(function() {
            var grid = appcan.grid({
                selector : '#idGrid',
                maxRowCount : 3,
                columnCount : 3,
                pagination : true,
                drawItem : function(data) {
                    var html = '<div class="ub-ver">';
                    html += '<div class="tx-c uinn"><div class="my-btn uc-a1 uinn bc-text-head">' + data.text + '</div></div>';
                    html += '</div>';
                    return html;
                },
                itemClick : function(o, e, data) {
                    if (data.url)
                        smb_OpenWindow(data.name, data.url)
                }
            });

            var modules = [{
                name : "JSLocation",
                text : "JS地图",
                url : "wgtroot://Demos/JSLocation.html"
            }, {
                name : "uexBaiduMap",
                text : "地图插件",
                url : "wgtroot://Demos/uexBaiduMap.html"
            }, {
                name : "",
                text : "极光推送"
            }, {
                name : "SMBLog",
                text : "日志",
                url : "wgtroot://System/SMBLog.html"
            }, {
                name : "JSBackground",
                text : "JS后台",
                url : "wgtroot://Demos/JSBackground.html"
            }, {
                name : "Layer",
                text : "Layer",
                url : "wgtroot://Demos/Layer.html"
            }, {
                name : "UBDemo",
                text : "UBDemo",
                url : "wgtroot://Demos/UB.html"
            }, {
                name : "CitySelect",
                text : "CitySelect",
                url : "wgtroot://Demos/CitySelect.html"
            }, {
                name : "SwiperNav",
                text : "SwiperNav",
                url : "wgtroot://Demos/SwiperNav.html"
            }];
            grid.set(modules);
        });
    </script>
</html>
